<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"> 
 <title>Happy Birthday</title>
 <link rel="stylesheet" href="css/jquery.fullPage.css">
 <link rel="stylesheet" href="css/memories.css">
</head>
<style>
    #d1{
      height: 95%;
      width: 95%;
    }
    #d2{
      text-align: right;
      font-size: 20px;
      top: 95px;
    }
    #d3{
        font-size: 40px;
        top: 30%;
    }
  </style>

<body>
  <!-- 背景音乐 -->
  <div style="display:none">
    <!-- 网易云外链 -->
    <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"></iframe>
  </div>
<div class="bgcolor">
  <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">祝你</p>
              <p class="ly-stxt02">新的一岁也能一直有趣有盼</p>
              <p class="ly-stxt03">不负心中热爱</p>
              <p class="ly-stxt04">今天是没有流星也可以许愿的日子</p>
              <p class="ly-stxt05">代代生日快乐</p>
            </div>
            <div class="ly-txt02">
                <img id= "d1" src="/Users/edz/Documents/jw3/tiny-heart/birthday-basic/img/psc.jpg " alt="" >
              <p class="ly-stxt06" id="d2">——————</p>
              <p class="ly-stxt07" id="d2">电五唯满侠最帅花哥</p>
              <!-- <p class="ly-stxt08">XXXXXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt09">XXXXXXXXXXXXXXXXXXXXXXX</p> -->
              <!-- <p class="ly-stxt10">XXXXXXXXXXXXXXXXXXXXXXX</p> -->
            </div>
        </div>
      </div>

      <!--第二屏-->

      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
              <div class="ly-txt11">
                2021-5-22
              </div>
              <div class="ly-txt12" id="d3">
                奔向新的一岁！
              </div>
              <div class="ly-imgbox11">
                <img class="ly-img11" src="/Users/edz/Documents/jw3/tiny-heart/birthday-basic/img/B6A505045124B840AAEF00E9B7B3BB47.jpg ">
            </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
              <div class="ly-txt13">
                2021-5-22
              </div>
              <div class="ly-txt14">
                 <p>代代，</p>
			     <p>新的一岁</p>
			     <p>希望你</p>
			     <p>平安！</p>
				 <p>幸福！</p>
				 <p>有所爱</p>
				 <p>有所盼</p>
				 <p>有所靠</p>
				 <p>无灾</p>
				 <p>也无难！！</p>
              </div>
          </div>
          <div class="ly-triangle12"></div>
      </div>

      <!--第三屏-->

  <!--动态方块-->
  <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>

  </div>
  <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->

<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<!-- <script src="js/auto-play.js"></script> -->
<script src="js/memories.js"></script>
</body>
</html>
